<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    1、animate(
        {属性名：属性值},
        动画时间,
        动画速度,
        回调函数
    )


自动轮播：
    1、开启定时器
        1、index++
        2、调用animate
            1、设置属性left  +  时间+速度
            2、回调函数
                1、判断最后一张   ====index=1+设置imgBox的偏移值
                2  第一张  ====index=count-2+设置imgBox的偏移值

                3、设置点跟着动    排他

3、zepto的定制
    1、安装node.js    =======安装费时注意安装8.0以上
    2、检测node  是否安装成功   node   -v
    <!-- 3、npm=====node   package   message -->
    3、找zepto-master中的make文件   添加需要定制的模块
    4、在黑窗口中找zepto-master路径下输入命令：   npm  run-script  dist

4、分类页：
    1、如何设置全屏页面：html,body{width:100%;height:100%}
    2、一遍固定另一边自适应
        left:  width:100px + float:left;
        right:  margin-left:100px ||  width:100%;padding-left:100px+box-sizing:border-box

5、左侧栏实现滑动
    1、实现任意滑动
        1、声明全局变量 statY,moveY,disY,currentY=0
        2、touchstart
            1、获取statY
        3、touchmove
            1、获取moveY
            2、清除过渡
            3、盒子跟着动   box.style.top=currentY+disY
            4、判断滑动区间：currentY+disY>最大的滑动值||currentY+disY < 最小的滑动值 ==== return
    2、区间的划分
        1、滑动区间
            最大的滑动值=最大静止值+100
            最小滑动值=最小的静止值-100
        2、静止区间
            最大静止值=0
            最小静止值=父盒子的高度-子盒子的高度

</body>
</html>